<template>
  <div class="household">
    <div class="house-img">
      <van-image src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/5a56b920bc83820736d2260c58858bf4.jpg?f=webp" />
    </div>

    <div class="house-main">
      <div class="house-main-img">
       <van-image src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/206eeb5a11b27d97cec3f2b2c053a083.jpg?f=webp" />
      </div>
      <homePr />
      <div class="house-main-img">
        <van-image src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/206eeb5a11b27d97cec3f2b2c053a083.jpg?f=webp" />
      </div>
       <homePr />
      <div class="house-main-img">
        <van-image src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/206eeb5a11b27d97cec3f2b2c053a083.jpg?f=webp" />
      </div>
       <homePr />
    </div>
  </div>
</template>

<script setup>
import homePr from '@/views/main-page/common/home-pr'
components: {
  homePr
}
</script>

<style lang="scss" scoped>
  .household{
     background-color: rgb(255, 65, 57);
     color: rgb(233, 218, 218);
     width: 100%;
     height: auto;
     .house-img{
       height: 60px;
     }
     .house-main{
      padding-bottom: 80px;
      background-color: rgb(255, 65, 57);
        .house-main-img{
          margin: 12px 50px;
        }
     }
  }
</style>